<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.7.1.js" type="text/javascript" charset="utf-8"></script>
		
		<style type="text/css">
			
			div{
				width: 250px;
				height: 50px;
				background-color: lightblue;
				margin: 5px;
			}
		</style>
	</head>
	<body>
		
		<div id="div01"></div>
		<div id="div02" class="two"></div>
		<div id="div03"></div>
		<div id="div04" class="two"></div>
		<div id="div05"></div>
		<div id="div06"></div>
		
		<table border="" cellspacing="" cellpadding="">
			<tr><th>学号</th><th>姓名</th><th>年龄</th></tr>
			<tr><td>101</td><td>张三</td><td>18</td></tr>
			<tr><td>101</td><td>李四</td><td>18</td></tr>
			<tr><td>101</td><td>王五</td><td>18</td></tr>
			<tr><td>101</td><td>赵六</td><td>18</td></tr>
			<tr><td>101</td><td>刘备</td><td>18</td></tr>
			<tr><td>101</td><td>苏安全</td><td>18</td></tr>
		</table>
		
		<script type="text/javascript">
			
			// console.log($);
			
			// text() 设置文本  
			// html() 设置html内容
			$("div").text("Hello world!");
			$("#div01").html("<a href='https://www.baidu.com'>百度</a>");
			$("#div02").text("<a href='https://www.baidu.com'>百度</a>");
			// css()  设定样式
			$(".two").css("background-color","green");
			$("div:last").css("background-color","blue");
			
			$("tr:even").css("background-color","grey");
			
			// tr:first 第一行
			// tr:even 双数行
			// tr:odd 单数行
			
			// 练习
			// 制作一张表格
			// 表格抬头 颜色为深绿色 #B6DF48
			// 偶数行 颜色为绿色     #E8F3D1
			// 奇数行 颜色为浅绿色   #F9FCEF
			
			
			// 编号	祝福对象	祝福者	字条内容	发送时间
			// 1	琦琦	妈妈	愿你健康快乐的成长！	2021-03-05 13:06:06
			// 2	wgh	无语	每天有份好心情！	2021-03-05 13:26:17
			// 3	天净沙小晓	wgh	煮豆燃豆萁，豆在釜中泣。本是同根生，相煎何太急。	2021-03-05 13:36:06
			// 4	明日科技	wgh	暂无内容	2021-03-05 13:46:06
			
		</script>
	</body>
</html>
